//定义一些通用样式

.login-logo {
  text-align: center;
}

.side-logo {
  padding-top: 5px;
  text-align: center;
  height: 70px;
}

// icon样式，覆盖iconfont.cn
.iconfont {
  display: flex;
  flex-flow: row;
  align-items: center;
  line-height: 1;
}

/*弹出遮罩层*/
.div-pop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  z-index: 999;
}
/*默认页面背景色*/
.bgc-default{
  background-color: #F7F8FA;
}
/*页面黑色背景颜色*/
.bgc-black{
  background-color: #2B2B2E;
}
/*字体加粗*/
.font-w {
  font-weight: bold;
}

/*
默认颜色
font-color 默认 #333
*/

.font-color {
  color: #333;
}

.font-color-6 {
  color: #666;
}

.font-color-9 {
  color: #999;
}


/*颜色*/
.font-black {
  color: #373737;
}

.font-white {
  color: #fff;
}

.font-gray {
  color: gray;
}

.font-pink {
  color: #fa606c;
}
.font-red {
  color: #ff001d;
}

.font-orange {
  color: #eb6700
}

.font-orange-2{
  color: #ff8829;
}

.font-green {
  color: #00b200;
}

.font-yellow {
  color: #f8c400;
}

.font-blue {
  color: #3187fd;
}

.font-blue-2 {
  color: #0075FF;
}

.big-title {
  font-size: 25px;
  font-weight: bold;
}

.small-title {
  font-size: 18px;
  font-weight: bold;
}

.main-text {
  font-size: 15px;
}

.other-text {
  font-size: 13px;
}

// 斜体
.font-italic {
  font-style: italic
}

// 下滑线
.font-under {
  text-decoration: underline;
}

.text-c {
  text-align: center;
}

.text-l {
  text-align: left;
}

.text-r {
  text-align: right;
}

.text-del {
  text-decoration: line-through;
}

/*列表基本样式*/
.table-btn {
  padding: 5px 0px !important;
}
.table-container {
  min-height: 500px;
}
.min-container {
  min-height: 200px;
}
/* 表格表头样式 */
.default-header{
  background: #F7F8FA;
  color: #000;
  font-weight: 500;
  height: 48px;
  &:first-child{
    .cell{
      padding-left: 14px;
    }
    
  }
}
/* 表格行样式 */
.default-row{
  height: 96px;
  color: #323233;
}
/*上下左右空白*/
.margin-container {
  margin-top: 20px;
  margin-left: 20px;
  margin-right: 20px;
}

/*上下左右空白，适用于添加页面*/
.margin-container-add {
  margin-top: 50px;
  margin-left: 100px;
  margin-right: 100px;
}

/*左右空白，适用于列表页面*/
.margin-container-list {
  margin-top: 5px;
  margin-left: 20px;
  margin-right: 20px;
}

/*带圆角的面板*/
.radius-container {
  background-color: #fff;
  margin: 20px;
  border: 1px solid #e5e5e5;
  clear: both;
  border-radius: 10px;
  box-shadow: 2px 2px 5px #d9d9d9;
}
.container-nonebg {
  background-color: none;
  margin: 20px;
  border: none;
  clear: both;
  border-radius: 0;
  box-shadow: 0 0 0;
}

/*边框*/

.border-none {
  border: 0;
}
.border-none:before {
  border: 0;
}
.border-none:after {
  border: 0;
}

.border-d7 {
  border: 1px solid #d7d7d7;
}

.border-all {
  border: 1px solid #ebeef5;
}

.border-t {
  border-top: 1px solid #ebeef5;
}

.border-b {
  border-bottom: 1px solid #ebeef5;
}

.border-l {
  border-left: 1px solid #ebeef5;
}

.border-r {
  border-right: 1px solid #ebeef5;
}

/*布局*/
.inline-flex {
  display: inline-flex;
  align-items: center;
}

.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}

.flex-item {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}

/*换行*/
.flex-wrap {
  flex-wrap: wrap;
}

/*横版*/
.flex-row {
  display: flex;
  flex-flow: row;
}

/*竖版*/
.flex-col {
  display: flex;
  flex-flow: column;
}

/*横向居左*/
.align-l {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
}

/*横向居中*/
.align-c {
  display: flex;
  flex-flow: column;
  align-items: center;
}

/*横向居中布局*/
.flex-center{
  display: flex;
  justify-content: center;
  align-items: center;
}

/*横向两边布局*/
.flex-between{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/*垂直居中*/
.v-align-c {
  display: flex;
  flex-flow: row;
  align-items: center;
}

.v-align-s {
  display: flex;
  flex-flow: row;
  align-items: flex-start;
}

.v-align-b {
  display: flex;
  flex-flow: row;
  align-items: flex-end;
}

/*右对齐*/
.align-r {
  display: flex;
  flex-flow: row;
  justify-content: flex-end;
}

/*文字排版*/

.text-align-c {
  text-align: center;
}

.text-align-l {
  text-align: left;
}

.text-align-r {
  text-align: right;
}

.text-del {
  text-decoration: line-through;
}

// 宽度100%
.width-per-100 {
  width: 100%
}

.width-per-90 {
  width: 90%
}

.width-per-95 {
  width: 95%
}

.width-per-80 {
  width: 80%
}

.width-per-70 {
  width: 70%
}

.width-per-60 {
  width: 60%
}

.width-per-50 {
  width: 50%
}

.width-per-40 {
  width: 40%
}

.width-per-35{
  width: 35%
}

.width-per-30 {
  width: 30%
}

.width-per-20 {
  width: 20%
}

.width-per-10 {
  width: 10%
}

//高度100%
.height-per-100 {
  height: 100%
}

// 白色背景
.bg-color-white {
  background-color: #fff;
}

// 浮在右边
.float-r {
  float: right;
}

// 浮在左边
.float-l {
  float: left;
}

// 绝对位置：右
.abs-right {
  position: absolute;
  right: 0;
}

// 相对位置
.position-r{
  position: relative;
}

// 隐藏
.hidden {
  display: none;
}

// 阴影
.box-shadow {
  box-shadow: 2px 2px 5px #d9d9d9;
}

// 圆角
.border-radius-5 {
  border-radius: 5px;
}
.border-radius-0 {
  border-radius: 0px;
}

/* 鼠标样式 */
.cursor-p {
  cursor: pointer;
}

.cursor-m {
  cursor: move;
}

/* icon 样式的 button */
.button-icon {
  border-radius: 0;
  padding: 0;
  margin: 0;
  background: none;
}
.button-icon:after {
  border: none;
}

.mini-btn {
  background-color: #f8c400;
  border-radius: 20px;
  font-size: 12px;
  border: none;
}
.mini-btn:after {
  border: none;
}

/* container背景清除 */
.container-bg-none{
  background-color: none;
  box-shadow: 0 0 0;
  border: none;
}

/* x文字样式定义 */
.font-x{
  font-family: 'Arial Normal', 'Arial';
  font-weight: 400;
  font-style: normal;
}

/* x文字样式定义 */
.font-normal{
  font-weight: normal;
}

/* 问题提示框样式定义 */
.questionCircle{
  font-size: 20px;
  color: #000;
}

// 表头全局定义
.topbar-style{
  background: #f2f2f2;
  font-size: 18px!important;
  color: #333333;
  font-weight: bolder;
  padding: 14px 22px!important;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.close-pos {
  position: absolute;
  right: -5px;
  top: -5px
}

// 温馨提示样式全局定义
.tips-top-box{
  background: #d9edf7;
  color: #36a3f7;
  border: #c5dce7 1px solid;
  border-radius: 5px;
  padding: 10px 20px;
  font-size: 14px;
  p{
    margin: 0;
  }
}

// 滚动条样式
.vb > .vb-dragger {
  z-index: 5;
  width: 10px;
  right: 0;
}
.vb > .vb-dragger > .vb-dragger-styler {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: rotate3d(0,0,0,0);
  transform: rotate3d(0,0,0,0);
  -webkit-transition:
    background-color 100ms ease-out,
    margin 100ms ease-out,
    height 100ms ease-out;
  transition:
    background-color 100ms ease-out,
    margin 100ms ease-out,
    height 100ms ease-out;
  background-color: #e4e4e4;
  margin: 5px 5px 5px 0;
  border-radius: 20px;
  height: calc(100% - 10px);
  display: block;
}

.vb.vb-scrolling-phantom > .vb-dragger > .vb-dragger-styler {
  background-color: #c1c1c1;
}

.vb > .vb-dragger:hover > .vb-dragger-styler {
  background-color: #c1c1c1;
  margin: 0px;
  height: 100%;
}

.vb.vb-dragging > .vb-dragger > .vb-dragger-styler {
  background-color: #f1f1f1;
  margin: 0px;
  height: 100%;
}

.vb.vb-dragging-phantom > .vb-dragger > .vb-dragger-styler {
  background-color: #c1c1c1;
}

// 折叠面板样式
.el-collapse{
  &.collapse-bar{
    border-left: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    border-radius: 8px;
    overflow: hidden;
    .el-collapse-item__header{
      padding-left: 15px;
      height: 36px;
      line-height: 36px;
      color: #909091;
      background: #f7f7fa;
      border-bottom: 1px solid #f1f1f1;
    }
    .el-collapse-item__content{
      padding-bottom: 0;
    }
  }
}

// 说明框样式
.tips-con-box{
  background: #ecf5ff;
  border: #66b1ff 1px solid;
  color: #409eff;
  border-radius: 8px;
  padding: 13px 29px;
  line-height: 1.7;
  h3{
    margin: 0;
  }
  p{
    margin: 0;
  }
}
.footer-bar{
  position: fixed;
  right: 0;
  bottom: 0;
  width: 100%;
  z-index: 50;
  min-height: 76px;
  box-sizing: border-box;
  padding-left: 180px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
}
#app .hideSidebar .main-container .footer-bar{
  padding-left: 36px;
}
#app .mobile .main-container  .footer-bar{
  padding-left: 0px;
}
.pw-box{
  .pw-input{
    position: absolute;
    left: 31px;
    top: 11px;
    width: 382px;
    z-index: 100;
    .el-input__inner{
      height: 48px;
      line-height: 48px;
      letter-spacing: 60px;
      padding: 0;
      text-indent: -5000px;
      border: none;
      background: none;
      &::-webkit-outer-spin-button,
      &::-webkit-inner-spin-button {
        -webkit-appearance: none;
      }
    }
  }
  .pw-bar{
    border-top: #7494c0 1px solid;
    border-bottom: #7494c0 1px solid;
    padding: 0;
    margin: 0;
    width: 384px;
    box-sizing: border-box;
    overflow: hidden;
    &:after{
      content: '';
      display: block;
      clear: both;
    }
    li{
      width: 64px;
      height: 48px;
      line-height: 48px;
      text-align: center;
      float: left;
      list-style: none;
      position: relative;
      &:first-child{
        &:before{
          content: '';
          display: block;
          position: absolute;
          left: 0;
          top: 0;
          width: 1px;
          height: 100%;
          background: #7494c0;
        }
      }
      &:after{
        content: '';
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        width: 1px;
        height: 100%;
        background: #7494c0;
      }
    }
  }
}
// 顶部搜索栏默认样式
.top-operate-default{
  margin-bottom: 1px;
  height: 85px;
  background-color: #f7f8fa;
  display: flex;
  align-items: center;
  white-space: nowrap;
  flex-wrap: nowrap;
  width: 100%;
  overflow-x: auto;
  &.none-bg{
    background-color: #fff;
    height: auto;
    .search-item {
      padding: 0;
    }
  }
  .shadow{
    box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.3);
  }
  .search-item {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    padding: 0 20px;
    label {
      font-weight: unset;
    }
    > .el-cascader {
      >.el-input {
        width: 220px;
      }
    }
    .el-input {
      width: 120px;
    }
  }
}
// 财税内容框
.apply-con{
  .wait-apply{
    position: relative;
    .title-1{
      color: #f56c6c;
      font-size: 24px;
    }
    .money-1{
      font-size: 36px;
      color: #FF6600;
    }
    .edit-m{
      font-size: 18px;
      color: #737373;
      font-style: normal;
      font-weight: bold;
      margin: 0 0px 0 8px;
    }
    .tips-1{
      color: #808080;
    }
  }
  .line-bar{
    position: relative;
    padding-left: 20px;
    &:before{
      content: '';
      display: inline-block;
      position: absolute;
      left: 0px;
      top: 0;
      height: 100%;
      border-left: 1px solid #edeff6;
    }
  }
  .edit-t{
    font-size: 18px;
    color: #409EFF;
    font-style: normal;
    margin-left: 15px;
  }
  h2{
    font-size: 24px;
    margin-bottom: 30px;
    .edit-t{
      font-weight: normal;
    }
  }
  .last-t{
    padding-top: 128px;
  }
  .top-operate {
    margin-bottom: 0;
  }
  .search-item {
    display: flex;
    align-items: center;
    padding: 15px 0;
    border-top: solid 1px #E4E7ED;
    border-bottom: solid 1px #E4E7ED;
    > div,
    .el-cascader {
      margin-right: 10px;
    }

    .el-input {
      width: 400px;
    }
  }
  .btn-search {
    height: 60px;
    display: flex;
    align-items: center;
  }
}
// 帮助中心样式定义
#app .hideSidebar .main-container .help-main, #app .hideSidebar .main-container .shop-main{
  margin-left: -36px;
}
#app .mobile .main-container .help-main, #app .mobile .main-container .shop-main{
  margin-left: 0px;
}

// 内容提示样式
.div-style-2{
  padding: 20px 30px;
  background-color: #ecf5ff;
  line-height: 2;
  .blue{
    color: #409eff;
  }
  p{
    margin: 0;
  }
}
// tab样式定义
.tab-style-1{
  .el-tabs__nav{
    margin-left: 0;
  }
  .el-tabs__item{
    background: #f5f7fa;
    border-bottom: #e4e7ed 1px solid!important;
    padding: 0 26px!important;
    &.is-active{
      background: #fff;
      border-bottom: #fff 1px solid!important;
      padding: 0 26px!important;
    }
  }
}
//  tab样式定义
.tab-style-default{
  margin-bottom: 1px;
  .el-tabs__item{
    height: 67px;
    line-height: 67px;
  }
}
// 对tabs样式进行修改 卡片类型
.tabs-box {
  .el-tabs--card {
    box-shadow: unset;
    .el-tabs__item.is-active{
      background-color: white;
      border-bottom: 1px solid white;
      border-left: 1px solid #E4E7ED;
      border-right: 1px solid #E4E7ED;
    }
    .el-tabs__nav{
      background-color: #f7f8fa;
    }
    .el-tabs__item{
      margin-right: 0 !important;
      margin-bottom: unset;
      border-bottom: 1px solid #E4E7ED;
      border-left: 1px solid #f7f8fa;
      border-right: 1px solid #f7f8fa;
      min-width: 120px !important;
      height: 50px;
      line-height: 50px;
      font-size: 14px;
      &:first-child{
        &.is-active{
          border-left: none!important;
        }
      }
      &:last-child{
        &.is-active{
          border-right: none!important;
        }
      }
    }
    .el-tabs__header{
      margin: 0;
    }
  }
}

// 状态条样式定义
.status-bar{
  font-size: 28px;
  text-align: center;
  border-radius: 3px;
  padding: 20px 0;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.6);
  &.status-0{
    background: #909399;
    color: #fff;
  }
  &.status-1{
    background: #ebb563;
    color: #fff;
  }
  &.status-2{
    background: #409eff;
    color: #fff;
  }
  &.status-3{
    background: #10c261;
    color: #fff;
  }
}
.picture-avatar {
  width: 68px;
  height: 68px;
  display: block;
  padding: 1px;
  border: #efefef 1px solid;
}

.display-inline{
  display: inline-block;
}
.shop-main{
  .none-mar-b {
    margin-bottom: 0!important;
  }
  .el-form-item__label{
    font-weight: normal;
    font-size: 12px;
    text-align: left;
  }
}
// 自定义组件公共样式开始
.shop-main{
  .pancel-s-title{
    font-size: 12px;
    color: #666666;
    margin: 0;
    padding: 22px 25px 0 25px;
    font-weight: normal;
  }
  .border-box{
    border: #f1f6fb 1px solid;
    border-radius: 4px;
    padding: 14px 20px 0px 20px;
    margin-bottom: 30px;
    position: relative;
    h4{
      margin: 0 0 10px 0;
      padding: 0;
      font-weight: normal;
      color: #666;
    }
    &.near-box{
      margin-bottom: -1px;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
      &:before{
        content: '';
        display: block;
        position: absolute;
        left: -1px;
        bottom: -11px;
        width: 10px;
        height: 10px;
        border-left: #f1f6fb 1px solid;
        background: #fff;
        z-index: 10;
      }
      &:after{
        content: '';
        display: block;
        position: absolute;
        right: -1px;
        bottom: -11px;
        width: 10px;
        height: 10px;
        border-right: #f1f6fb 1px solid;
        background: #fff;
        z-index: 10;
      }
    }
  }
  .add-border-box{
    border: 1px dashed #666;
    text-align: center;
    cursor: pointer;
    padding: 3px 0;
    font-size: 12px;
  }
  .pancel-tips-bar{
    background: #f5f6fa;
    color: #A0A0A3;
    border-radius: 4px;
    padding: 4px 11px;
    font-size: 12px;
    margin-bottom: 12px;
  }
  .mini-r-input{
    .el-input__inner{
      height: 30px;
      line-height: 30px;
      background: #ebedf2;
      border: #ebedf2 1px solid;
      padding: 0 10px;
    }
  }
  .mini-s-input{
    .el-input__inner{
      height: 30px;
      line-height: 30px;
      background: #f5f6fa;
      border: #f5f6fa 1px solid;
      padding: 0 10px;
    }
  }
  .mini-sbar-input{
    height: 30px;
    line-height: 30px;
    background: #f5f6fa;
    border: #f5f6fa 1px solid;
    padding: 0 10px;
    border-radius: 4px;
    color: #606266;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    word-break:break-word;
    &.default-sbar-input{
      color: #c0c4cc;
    }
  }
  .default-p-pic{
    position: relative;
    z-index: 15;
    &.xs-pic{
      .default-p-img{
        display: block;
        width: 97px;
        height: 97px;
        background:url('../assets/images/picture-xs.png') no-repeat;
        background-size: 97px 97px;
      }
      .default-p-t{
        display: none;
      }
    }
    .default-p-img{
      display: block;
      width: 60px;
      height: 60px;
      background:url('../assets/images/picture-s.png') no-repeat;
      background-size: 60px 60px;
    }
    .default-p-t{
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      text-align: center;
      font-style: normal;
      background: rgba(0, 0, 0, 0.4);
      color: #fff;
      font-size: 12px;
      line-height: 1;
      padding: 3px 0 5px 0;
    }
  }
  .pancel-title-none{
    height: 72px;
  }
  .pancel-conmain{
    position: relative;
    z-index: 100;
  }
  .shop-r-form{
    padding-top: 72px;
    /deep/ .edui-editor-toolbarbox.edui-default{
      position: fixed;
      width: 388px;
      right: 0;
      top: 132px;
      z-index: 1001;
    }
    /deep/ .edui-editor.edui-default{
      padding-top: 92px;
    }
  }
  .pancel-title{
    margin: 0;
    padding: 19px 0 19px 21px;
    border-bottom: #f5f6fa 6px solid;
    background: #fff;
    width: 390px;
    box-sizing: border-box;
    position: fixed;
    right: 0;
    top: 60px;
    z-index: 1002;
    span{
      width: 28px;
      height: 28px;
      background-size: 28px 28px!important;
    }
    i{
      font-style: normal;
      font-weight: normal;
      font-size: 16px;
      margin-left: 4px;
      color: #409EFF;
    }
  }
  .video-upload-btn{
    .el-upload{
      min-width: auto;
      min-height: auto;
      height: 28px;
      line-height: 28px;
      background: none;
      border: none;
      overflow: visible;
      span{
        display: block;
        text-align: left;
        line-height: 1.5;
        text-overflow:ellipsis;
        -webkit-box-orient:vertical;
        word-break:break-word;
      }
    }
    .default-v-upload{
      min-width: 70px;
      min-height: 70px;
      height: 70px;
      line-height: 1.3;
      border-radius: 0;
      background: #fff;
      border: 1px dashed #e0e5ea;
      overflow: visible;
      i {
        color: #c5c5c5;
        margin-top: 22px;
      }
      &:hover{
        border: 1px dashed #409eff;
      }
    }
    .on-btn{
      border-radius: 3px!important;
      background: #2d8cf0;
      color: #fff;
      font-size: 14px;
      height: 28px;
      line-height: 28px;
      padding: 0 15px;
      font-style: normal;
      display: inline-block;
    }
  }
  .form-diy .el-color-picker--medium .el-color-picker__trigger {
    width: 100px;
  }
  .form-diy .el-color-picker__empty, .form-diy .el-color-picker__icon {
    left: 80%;
  }
  .color-sel{
    height: 30px;
  }
  .color-sel .el-color-picker__trigger{
    border: none;
    margin-left: -4px;
    width: 68px!important;
    height: 30px!important;
    padding: 0!important;
  }
  .color-sel-input{
    width: 98px;
    .el-input-group__append,
    .el-input-group__prepend{
      padding: 0 10px;
    }
    .el-input__inner{
      padding: 0 10px;
      height: 30px;
      line-height: 30px;
    }
  }
  .color-sel-btn{
    padding: 0;
    margin-left: 10px;
  }
  .layer-pos-con{
    position: relative;
    z-index: 20;
  }
  .form-diy .goods-pic-box span{
    bottom: 13px;
  }
  .goods-form{
    height: calc(100vh - 160px);
    overflow: auto;
    overflow-x: hidden;
    &::-webkit-scrollbar {
      width: 4px;
    }
    &::-webkit-scrollbar-thumb {
      border-radius: 10px;
      -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
      background: rgba(0,0,0,0.2);
    }
    &::-webkit-scrollbar-track {
      -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
      border-radius: 0;
      background: rgba(0,0,0,0.1);
    }
  }
  .btns-form{
    .el-form-item__label{
      font-size: 14px!important;
    }
    .uploads-bar{
      .el-form-item__label{
        padding-top: 11px;
      }
    }
  }
  .link-layer-content{
    border-top: #f3f3f3 1px solid;
    border-bottom: #f3f3f3 1px solid;
    .link-layer-left{
      width: 156px;
      ul{
        margin: 0;
        padding: 15px 0;
        li{
          list-style-type: none;
          height: 65px;
          line-height: 65px;
          text-align: center;
          font-size: 16px;
          cursor: pointer;
          &:hover{
            color: #409eff;
          }
          &.active{
            font-weight: bold;
            color: #409eff;
            background: #e3f1ff;
          }
        }
      }
    }
    .link-layer-right{
      min-height: 520px;
      border-left: #f3f3f3 1px solid;
      padding-left: 16px;
      padding-top: 16px;
    }
    .link-list{
      h2{
        font-size: 14px;
        font-weight: normal;
        color: #333333;
        margin: 0 0 12px 0;
        padding: 0;
        label{
          width: 20px;
          height: 20px;
          margin-right: 6px;
          background:url('../assets/images/icon-mp-1.png') no-repeat;
          background-size: 20px 20px;
        }
      }
      ul{
        margin: 0 0 20px 0;
        padding: 0;
        &:after{
          content: '';
          display: block;
          clear: both;
          font-size: 0;
        }
        li{
          list-style-type: none;
          float: left;
          .el-button{
            min-width: 90px;
            padding: 9px 8px;
          }
        }
      }
    }
  }
  .diy-l-content{
    position: relative;
    img{
      display: block!important;
    }
  }
  .diy-aux-content{
    min-height: auto!important;
    text-align: unset;
    display: flex!important;
    justify-content: center;
  }
  .diy-t-content, .diy-s-content{
    min-height: auto!important;
    text-align: unset!important;
    &.text-align-10 {
      text-align: left!important;
    }
    &.text-align-11 {
      text-align: center!important;
    }
    &.text-align-12 {
      text-align: right!important;
    }
    &.search-radius-10{
      .search-p-bar{
        border-radius: 4px;
      }
    }
    &.search-radius-11{
      .search-p-bar{
        border-radius: 100px;
      }
    }
    &.search-radius-12{
      .search-p-bar{
        border-radius: 0px;
      }
    }
    .search-p-bar{
      background: #f8f8f8;
      border: #e0e5ea 1px solid;
      padding: 8px 8px;
      margin: 4px 15px;
      label{
        width: 17px;
        height: 17px;
        margin-right: 6px;
        background:url('../assets/images/icons-search-1.png') no-repeat;
        background-size: 17px 17px;
      }
      span{
        font-size: 12px;
        color: #989898;
      }
    }
  }
  .diy-p-content{
    &:after{
      content: '';
      display: block;
      clear: both;
      font-size: 0;
    }
    &.diy-pic-10{
      .picture-p-default{
        background: #81d5f9;
        min-height: 200px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
      }
      .item-pic-bar{
        float: left;
        width: 100%;
        img{
          display: block;
        }
      }
    }
    &.diy-pic-11{
      min-height: 105px!important;
      .picture-p-default{
        background: #81d5f9;
        min-height: 105px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        img{
          height: auto!important;
        }
      }
      .item-pic-bar{
        float: left;
        width: 50%;
        img{
          display: block;
        }
        &:last-child{
          .picture-p-default{
            background: #fe8096;
          }
        }
      }
    }
  }
  .live-type-bar{
    .tips-c-p{
      font-size: 12px;
      color: #999999;
      line-height: 1.8;
      margin-left: 25px;
      label{
        font-weight: normal;
        i{
          display: block;
          font-style: normal;
        }
      }
    }
  }
  .carousel-u-bar{
    position: relative;
    .carousel-u-close{
      position: absolute;
      right: -15px;
      top: -20px;
      z-index: 20;
      i{
        color: #949494;
        font-size: 20px;
        cursor: pointer;
      }
    }
  }
}
.shop-dislog{
  .el-form-item__label{
    font-size: 14px;
  }
}
.bg-more-sty{
  background: #fbfcff;
  .pos-rel{
    position: relative;
    .link-sbar-input{
      position: absolute;
      left: 36px;
      top: -18px;
      padding-left: 47px;
    }
    .mini-sbar-input{      
      background: #fff;
      border: #e1e6ea 1px solid;      
      &.default-sbar-input{
        color: #ADAFB9;
      }
    }
  }
}
.add-actiy-btn{
  .el-button{
    border: #e0e5ea dashed 1px;
    border-radius: 0;
    padding: 7px 20px;
    i{
      color: #999;
    }
  }
}
.bg-actiy-sty{
  background: #fbfcff;
  line-height: 1.5;
  .flex{
    span:first-child{
      color: #999;
      width: 75px;
    }
    span:last-child{
      color: #666;
    }
    span.actiy-type{
      color: #EB4E4E;
    }
  }
}
// 自定义组件公共样式结束
.detail-content{
  .el-form-item__content{
    color: #606266;
  }
}
// 搜索条件按钮查询、重置开始
.group-b-left{
  margin-right: -14px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.group-b-right{
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
// 搜索条件按钮查询、重置结束

.upload-remove-icon{
  position: relative;
  .upload-remove-bar{
    overflow: hidden;
  }
  .close-icon{
    position: absolute;
    left: 148px;
    top: -10px;
    z-index: 100;
  }
}

// 表格标题栏，小高度定义开始
.mini-table.el-table{
  thead{
    color: #333;
    th{
      padding: 0 0 6px 0!important;
      border-bottom: none!important;
      line-height: 30px!important;
      font-weight: normal!important;
      background-color: #f5f5f5!important;
    }
  }
}
// 表格标题栏，小高度定义结束

// 批量处理按钮
.batch-btn{
  padding: 0 16px;
  height: 34px;
  line-height: 34px;
  text-align: center;
}

// 2行文字展示
.line-2{
  /*! autoprefixer: off */
  line-height: 1.4;
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  word-break:break-word;
}
.line-1{
  /*! autoprefixer: off */
  line-height: 1.4;
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:1;
  -webkit-box-orient:vertical;
  word-break:break-word;
}
.richArea {
  img{
    max-width: 100%;
  }
}

.pos-rel{
  position: relative;
}

.clear-both {
  clear: both;
}

// 底部图标开始
.icon-layer-right{
  ul{
    margin: 0;
    padding: 0;
    li{
      list-style: none;
      float: left;
      margin: 0 15px 0 0;
      padding: 16px 0;
      border: #fff 1px solid;
      border-radius: 4px;
      box-shadow: 0 0 0;
      &.active{
        border: #c5e2ff 1px solid;        
        box-shadow: 0px 0px 8px 0px rgba(68, 152, 238, 0.2);
      }
      .iconImg{
        width: 118px;
        text-align: center;
        img{
          width: 30px;
          height: 30px;
          display: inline-block;
          vertical-align: middle;
        }
      }
      .text{
        font-size: 14px;
        text-align: center;
      }
    }
  }
}
// 底部图标结束

.line-h-unset{
  line-height: unset!important;
}
.tips.blue{
  background: #d1e6ff;
  color: #409eff;
  line-height: 1.4!important;
  padding: 8px 15px!important;
  border-radius: 3px;
  font-size: 14px!important;
  p{
    color: #409eff;
    margin: 0;
  }
}
.gray-t-bar{
  background: #f2f2f2;
  margin: 0;
}

.popover-class{
  min-width: 100px;
  text-align: right;
  .el-button{
    padding: 4px 0;
  }
}

// 表格商品图片
.t-goods-pic {
  width: 68px;
  height: 68px;
  display: block;
  padding: 1px;
  border: #efefef 1px solid;
}

// 顶部吸顶tab栏
.tab-sticky {
  position: sticky;
  top: 0px;
  left: 20px;
  width: calc(100% + 40px);
  background: white;
  z-index: 1000;
  padding-top: 10px;
  padding-left: 17px;
  margin-left: -20px;
  margin-top: -20px;
  /deep/ .el-tabs__header{
    margin: 0;
  }
}

// 内容条状样式展示
.card-bar{
  border: #e8e9e9 1px solid;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  background: #fff;
  h2{
    background-color: #f2f2f2;
    color: #333;
    font-weight: normal;
    font-size: 14px;
    margin: 0;
    .line{
      background-color: #409eff;
      height: 22px;
      width: 2px;
    }
  }
  .card-bar-con{
    padding: 0 52px 0 26px;
    border-left: #edeff6 2px solid;
    width: 273px;
    &.last{
      padding: 0 52px 0 42px;
      width: auto;
    }
    &.none{
      border-left: none;
    }
    h3{
      font-weight: normal;
      font-size: 15px;
      margin: 0 0 23px 0;
      line-height: 1;
      .el-button{
        padding-top: 0!important;
        padding-bottom: 0!important;
      }
    }
    .card-bar-list{
      width: 220px;
      margin-right: 57px;
      &:last-child{
        margin-right: 0;
      }
    }
    .label-l{
      color: #7d7d7d;
      min-width: 70px;
    }
  }  
}
.title-layer-bar{
  background-color: #edeff6;
  color: #333;
  font-weight: normal;
  font-size: 16px;
  margin: 0;
  padding: 10px 0;
  .line{
    background-color: #409eff;
    height: 22px;
    width: 3px;
    margin: 0 10px 0 16px;
  }
}
.invoice-scr-basefm{
  label.el-form-item__label{
    font-weight: normal;
    font-size: 16px;
  }
}
.hideSidebar{
  .invoice-bottom.bottom-bar{
    padding-left: 80px;
  }
}
.showSidebar{
  .invoice-bottom.bottom-bar{
    padding-left: 200px;
  }
}
